<script setup lang="ts" name="App">
import Person from './components/Person.vue';
import type { PersonInter, Persons } from "@/types/index"
import { reactive, ref } from "vue"

let person: PersonInter = { id: "sgbusjdbsj", name: 'xiaoyu', age: 20 }

let personList = reactive<Persons>([
    { id: "sgbusjdbsjas", name: 'xiaoyu', age: 18 },
    { id: "sgbusjdbsjsf", name: 'xiaohh', age: 20 },
    { id: "sgbusjdbsjdf", name: 'xiaogege', age: 10 }
])

</script>

<template>
    <Person  a="哈哈" b="嘿嘿" :list="personList"/>
</template>

<style scoped></style>
